<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生成器函数实例</title>
</head>
<body>
<script>
  //异步编程
  // * 一秒后输出 I    两秒后输出 Love    三秒后输出 You

  // 老方法 回调地狱
  // setTimeout(()=> {
  //   console.log('I');
  //   setTimeout(()=> {
  //     console.log('Love');
  //     setTimeout(()=> {
  //       console.log('You !');
  //     },3000);
  //   },2000);
  // },1000);

  // 生成器解决回调地狱
  function first() {
    setTimeout(()=>{
      console.log('I');
      iterator.next()
    },1000);
  }
  function second() {
    setTimeout(()=>{
      console.log('Love');
      iterator.next()
    },2000);
  }
  function third() {
    setTimeout(()=>{
      console.log('You');
      iterator.next()
    },3000);
  }
function * gen() {
  yield first();
  yield second();
  yield third();
}

let  iterator=gen();
  iterator.next();

</script>
</body>
</html>